<template>

<div>
  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/1.png')"/>有声书
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/2.png')"/>会员专享
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/3.png')"/>期刊杂志
    </van-grid-item>

  </van-grid>


    <van-grid :border="false" :column-num="3">
      <van-grid-item>
        <van-image
            :src="require('@/assets/fenlei/4.png')"/>文学
      </van-grid-item>
      <van-grid-item>
        <van-image
            :src="require('@/assets/fenlei/5.png')"/>精品小说
      </van-grid-item>
      <van-grid-item>
        <van-image
            :src="require('@/assets/fenlei/7.png')"/>历史
      </van-grid-item>
    </van-grid>

      <van-grid :border="false" :column-num="3">
        <van-grid-item>
          <van-image
              :src="require('@/assets/fenlei/8.png')"/>经济理财
        </van-grid-item>
        <van-grid-item>
          <van-image
              :src="require('@/assets/fenlei/9.png')"/>个人成长
        </van-grid-item>
        <van-grid-item>
          <van-image
              :src="require('@/assets/fenlei/10.png')"/>心里
        </van-grid-item>
      </van-grid>

  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/11.png')"/>社会文化
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/12.png')"/>宗教哲学
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/13.png')"/>悬疑推理
    </van-grid-item>
  </van-grid>

  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/14.png')"/>影视原著
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/15.png')"/>社会小说
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/17.png')"/>科幻经典
    </van-grid-item>
  </van-grid>


  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/18.png')"/>人物传记
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/19.png')"/>情感小说
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/20.png')"/>医学健康
    </van-grid-item>
  </van-grid>

  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/21.png')"/>政治军事
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/22.png')"/>生活百科
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/23.png')"/>教育学习
    </van-grid-item>
  </van-grid>

  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/24.png')"/>计算机
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/25.png')"/>科学技术
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/26.png')"/>玄幻精品
    </van-grid-item>
  </van-grid>

  <van-grid :border="false" :column-num="3">
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/27.png')"/>艺术
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/28.png')"/>童书
    </van-grid-item>
    <van-grid-item>
      <van-image
          :src="require('@/assets/fenlei/29.png')"/>漫画
    </van-grid-item>
  </van-grid>
</div>

</template>

<script>
export default {
  name: "FenleiApp"
}
</script>

<style scoped>

</style>
